<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>行与块</title>
	<style>
		span{
			width: 200px;
			background: red url() 0 0 no-repeat;
		}
		p{
			width:200px;
			background: blue url() 0 0 no-repeat;
		}
		img{
			width:200px;
		}
		input{
			width: 200px;
			height: 80px;
		}
	</style>
</head>
<body>
	<!-- 表现形式来：行标签与块标签 -->
	<!-- 行标签：待一行,不能设置宽高  -->
	<span>学并思</span>
	<span>学并思</span>
	<span>学并思</span>
	<!-- 块标签 ：独立占一行，可以宽高 -->
	<p>学并思</p>
	<p>学并思</p>
	<p>学并思</p>

	<!-- 行块标签：待在一行，又设置宽度 -->
	<img src="https://www.baidu.com/img/bd_logo1.png" alt="">
	<input type="text">
</body>
</html>